html,body{ height:100%;margin:0;padding:0;overflow:hidden;font-family:microsoft yahei,arial;font-size:14px }
*{outline:none}
.main{position: absolute;width:100%;top:26px;bottom:0}
.breadcrumb-wrap a{ color:#222;margin-right: 30px;padding-top:3px;display: inline-block; }
.breadcrumb-wrap a:hover{ color:#BB4232 }
.breadcrumb-wrap{height:24px;font-size: 12px;padding:0 0 0 15px;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(239,239,239,1.0)),color-stop(100%,rgba(204,204,204,1.0)));background:-moz-linear-gradient(to bottom,rgba(239,239,239,1.0),rgba(204,204,204,1.0));border-bottom:1px solid rgba(146,146,146,1.0)}
.breadcrumb-wrap a{ color:#222;margin-right:30px;cursor: pointer; }
.breadcrumb-wrap a:hover{ color:#BB4232 }
.reset-filter{ font-size:14px;color:#555;line-height:22px;margin-top:3px;margin-left:30px;display:inline-block; }
.util-imagedir{display: inline-block;margin-left:40px;position: relative;z-index:99}
a{ color: #0088CC;text-decoration:none }
.util-wrap{ width:244px;position: absolute;top:0;bottom:0;background: #F5F5F5; }
.util-tree { position:absolute;top:0;bottom:0;width:100%;left:0;overflow:auto;padding:10px 15px 10px;box-sizing: border-box;}
.util-wrap hr{ background:#ccc;height:1px;border:none }
.util_input_line{ padding:4px 0 0;font-size:12px;color:#666 }
.util_input_line input{ height: 18px;line-height: 18px;border:1px solid #c5c5c5;background: #FFF;text-indent:4px;font-size:12px;width:190px;padding:2px 0; }
.util-finder{ font-size: 12px;height:25px;position: relative;display: inline-block;}
.util-finder input{opacity:0;height:25px;position: absolute;width:300%;right:0;top:0;cursor: pointer;}
.util-finder .close{
    position: absolute;
    right:-22px;top:0;
    line-height: 22px;
    height: 22px;
}
.util-finder span{display: block;height:25px;line-height: 25px;}
.util-finder .util-open{padding-left:25px;position: relative;}
.util-finder .util-open::before{content:"";display: inline-block;width:24px;height:24px;position: absolute;left:0;top:0;background: url(../images/fileopen.png) no-repeat center center;}
.util_input_line label{ width:60px;display:inline-block }
.switch-label{ line-height:30px;float:left;font-size:12px;color:#666 }
.onoffswitch {position: relative; width: 58px; webkit-user-select:none;float:left;margin-top:3px}
.onoffswitch-checkbox {display: none; }
.onoffswitch-label {display: block; overflow: hidden; cursor: pointer; border: 1px solid #999; border-radius: 22px; }
.onoffswitch-inner {width: 200%; margin-left: -100%; -webkit-transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before, .onoffswitch-inner:after {float: left; width: 50%; height: 22px; padding: 0; line-height: 22px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;-webkit-box-sizing: border-box; border-radius: 22px; box-shadow: 0px 15px 0px rgba(0,0,0,0.08) inset;}
.onoffswitch-inner:before {content:"开";padding-left: 12px;background-color: #00ddff; color: #FFFFFF;border-radius: 22px 0 0 22px;}
.onoffswitch-inner:after {content: "关";padding-right: 13px;background-color: #FFFFFF; color: #888;text-align: right;border-radius: 0 22px 22px 0; }
.onoffswitch-switch {width: 22px; margin: 0px;background: #FFFFFF;border: 1px solid #999; border-radius: 22px;position: absolute; top: 0; bottom: 0; right: 34px;box-shadow: 0 1px 1px white inset; background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0px;}

.dm-setting-form{padding-left: 40px;}
.dm-setting-form dl{line-height: 30px;}
.dm-setting-form dt{width: 96px;text-indent: 18px;line-height: 30px;color: #666;float: left;}
.dm-setting-form dt.dt-checkbox{ width:115px }
.dm-setting-form dd{width: 795px;float: left;margin-left:0;}
.dm-setting-form .dm-table-body td{ padding: 6px }
.dm-setting-form .dm-table-body td a{ cursor:pointer; }
.dm-input-text{height: 22px;font-size: 14px;padding:4px 0 2px;border:1px solid #c5c5c5;width: 320px;background: #FFF;text-indent:4px;}
h3 .dm-input-text{ height:20px;width:120px;vertical-align: 0px;font-size:12px }
h3 > span{ margin-left:15px }
h3 label{ font-size:12px;color:#888; }
.dm-error{ font-size:12px;color:red;margin-left:6px }
.dm-form-clear{clear:both;display: block;}
.dm-form-groups{border-collapse: collapse; border: 1px solid #CDCDCD;margin-bottom: 14px;width: 100%;}
.dm-form-groups th{height: 31px;text-align: left;padding:0 10px;}
.dm-form-groups td{padding:16px 10px;}
.dm-form-groups th,.dm-form-groups td{border: 1px solid #CDCDCD;}
.dm-form-groups .dm-hd{border-bottom: 1px solid #CDCDCD;line-height: 31px;background: #ececec;padding: 0 0 0 10px;}
.dm-form-groups .dm-hd strong{font-weight: normal;color: #666;vertical-align: middle;}
.dm-form-groups .dm-bd{line-height: 29px;background: #fff;padding: 10px 0 10px 10px;}
.dm-input-check{white-space: nowrap;display: inline-block;text-align: left;}
.dm-input-check input,.dm-input-check input[type="checkbox"]{vertical-align: middle;margin:0 2px 0 0;}
.dm-input-check label{vertical-align: middle;font-size: 12px;}
.dm-form-groups .dm-input-check{width: 136px;}
.dm-form-textinput-line .dm-input-check{padding-right:20px;}
.dm-form-groups .dm-hd .dm-input-check{width: auto;}
.dm-form-submit-line .btn{width: 110px;}
.dm-setting-bygroup, .dm-setting-narrow{width: 960px;}
.dm-form-keys{width: 186px;text-align: center;}
.dm-form-content{width: 566px;}
.dm-setting-narrow{ padding-top:30px }
.dm-setting-narrow .pull-right .btn{ margin:4px 10px 4px 0;color:#999;cursor:pointer;
    background-image: linear-gradient(#fff, #EfEfEf);
    background-image: -webkit-linear-gradient(#fff, #efefef); }
.dm-setting-narrow .pull-right .btn:hover{ color:#444; }
.popbox input.btn{ width:60px;padding:4px 0; }
.popbox2 dd{ color:#aaa }

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.popbox-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.popbox-backdrop.fade { opacity: 0;}
.popbox-backdrop,.popbox-backdrop.fade.in { opacity: 0.8;}

.popbox {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 640px;
  margin-left: -320px;
  background-color: #ffffff;
  border: 1px solid #999;
  -webkit-border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
}

.popbox.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear;
}

.popbox.fade.in { top: 10%;}

.popbox-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.popbox-header .close { margin-top: 2px;}

.popbox-header h3 { margin: 0; line-height: 30px;}

.popbox-body {
  position: relative;
  max-height: 420px;
  min-height: 40px;
  padding: 15px 0 15px 15px;
}
@media (max-height: 600px) {
    .popbox-body{ max-height:360px }
}
@media (min-height: 800px) {
    .popbox-body{ max-height:520px }
}

.popbox-form { margin-bottom: 0;}
.alert-body { line-height : 24px }

.popbox-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
}
.popbox-footer img{ display:none }
.popbox-freeze img{ display:inline-block;margin-right:20px }
.popbox-freeze a, .popbox-freeze input{ display:none }

.popbox-footer:before,
.popbox-footer:after { display: table; line-height: 0; content: "";}

.popbox-footer:after { clear: both; }

.popbox-footer .btn + .btn { margin-bottom: 0; margin-left: 5px;}

.popbox-footer .btn-group .btn + .btn { margin-left: -1px;}

.popbox-footer .btn-block + .btn-block { margin-left: 0;}
.popbox-footer .btn-big{ padding:4px 24px;vertical-align: bottom;margin-left:15px; }

.dm-form-clear{clear:both;display: block;}
.dm-setting-form dl{line-height: 30px;}
.dm-setting-form dd{width: 495px;float: left;margin-left:0;}
#wait-list dd{ width:468px }
#wait-list dt.dt-checkbox{ width:140px }
.dm-form-submit-line .btn{width: 110px;}
.dm-form-textarea-line dt,.dm-form-textarea-line dd{float: none;width:500px}
.dm-form-textarea-line dd{float: none;padding-left: 18px;}
.dm-form-textinput-line dd label{ color:#666 }
.dm-form-textarea-line dd textarea{height: 44px;padding:8px 10px;line-height: 21px;font-size: 12px;width: 100%;}
.dm-form-textinput-line dd textarea{ width: 320px;margin-top:5px }
.clearfix:before,
.clearfix:after { display: table; line-height: 0; content: "";}
.clearfix:after { clear: both;}

.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}
.input-prepend .add-on {
  margin-right: -1px;
  vertical-align: middle;
  -webkit-border-radius: 0;
}

.delete-verhis{ float:right;width:16px;height:16px;background:url(../images/delete.png) no-repeat;cursor:pointer;margin-top:8px;display:none }
.popbox2 dd:hover .delete-verhis{ display:block }
.input-hint{ width:90px;margin-left:30px;text-align:center;display:inline-block; }
.popbox2 .dm-setting-form dl{ margin-top:5px }

/*.input-prepend .add-on:first-child{-webkit-border-radius: 4px 0 0 4px;}*/

/* hint */
.hint, [data-hint] {position: relative;display: inline-block; }
.hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
}
.hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {
    visibility: visible;
    opacity: 1;
}
.hint:before, [data-hint]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001;
}
.hint:after, [data-hint]:after {
    content: attr(data-hint);
    background: #383838;
    color: white;
    text-shadow: 0 -1px 0px black;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}
.hint--top:before { border-top-color: #383838; }
.hint--bottom:before { border-bottom-color: #383838; }
.hint--left:before { border-left-color: #383838; }
.hint--right:before { border-right-color: #383838; }
.hint--top:before { margin-bottom: -12px; }
.hint--top:after { margin-left: -18px; }
.hint--top:before, .hint--top:after { bottom: 100%; left: 50%; }
.hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before { -webkit-transform: translateY(-8px);}
.hint--bottom:before { margin-top: -12px; }
.hint--bottom:after { margin-left: -18px; }
.hint--bottom:before, .hint--bottom:after { top: 100%; left: 50%; }
.hint--bottom:hover:after, .hint--bottom:hover:before, .hint--bottom:focus:after, .hint--bottom:focus:before { -webkit-transform: translateY(8px); }
.hint--right:before { margin-left: -12px; margin-bottom: -6px; }
.hint--right:after { margin-bottom: -14px; }
.hint--right:before, .hint--right:after { left: 100%; bottom: 50%; }
.hint--right:hover:after, .hint--right:hover:before, .hint--right:focus:after, .hint--right:focus:before { -webkit-transform: translateX(8px); }
.hint--left:before { margin-right: -12px; margin-bottom: -6px; }
.hint--left:after { margin-bottom: -14px; }
.hint--left:before, .hint--left:after { right: 100%; bottom: 50%; }
.hint--left:hover:after, .hint--left:hover:before, .hint--left:focus:after, .hint--left:focus:before { -webkit-transform: translateX(-8px);}

.sug-item{ font-size:12px;background:#DEEEFA;height:30px;line-height:30px;margin-right:8px;-webkit-border-radius: 3px;display:inline-block;cursor:pointer;padding:0 8px; }
.sug-item:hover{ background:#90DBFF }
.sug-item label{ font-size:10px;color:#aaa;cursor:pointer;font-family: monospace; }

/* 进度条 */
.progress {
  height: 5px;
  margin: 0 60px 3px 36px;
  overflow: hidden;
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress .bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
}

.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
}

.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-repeat: repeat-x;
}

.side-tabs { width: 24px; position: fixed; left: 244px; top: 0;bottom:0;display:flex;align-items: center; }
.side-tabs .view-tab, .side-tabs .src-tab { background: rgb(255, 204, 50); position: relative; z-index: 1; margin: 9px 0; border-radius: 0 4px 4px 0; }
.side-tabs .view-tab::before, .side-tabs .src-tab::before { content: ""; position: absolute; top: -10px; left: 0; width: 0; border-top: 10px solid transparent; border-left: 22px solid rgb(255, 204, 50); }
.side-tabs .view-tab::after, .side-tabs .src-tab::after { content: ""; position: absolute; bottom: -10px; left: 0; width: 0; border-bottom: 10px solid transparent; border-left: 22px solid rgb(255, 204, 50); }
.side-tabs .on.view-tab, .side-tabs .on.src-tab { background: #f89406;color:#f0f0f0; z-index: 2;text-shadow: 0 0 5px #888; }
.side-tabs .on.view-tab::before, .side-tabs .on.src-tab::before { border-left: 22px solid #f89406; }
.side-tabs .on.view-tab::after, .side-tabs .on.src-tab::after { border-left: 22px solid #f89406; }
.side-tabs .view-tab { width: 20px; padding: 1px 1px 1px 3px; font-size: 14px; }
.side-tabs .view-tab a { display: block; cursor: pointer; width: 18px; height: 18px; line-height: 18px; text-align: center; border-radius: 100%; font-weight: bold; margin: 6px 0; background: #FFF; color: #888; }
.side-tabs .view-tab a.on { color: #FFF; background: #f89406; }
.side-tabs .src-tab { cursor: pointer; width: 16px; text-align: center; padding: 4px 4px; line-height: 1.1; color: #888;text-shadow: 0 0 5px #fff; }
.vm-table-wrap td ol{padding-left:20px}

.vm-wrap{position: absolute;top:0;bottom:0;overflow: auto;overflow-x:hidden}
.body_wrap{ left:243px;right:0;border-left:2px solid #ddd;box-shadow: -1px 0 4px #ddd; }
.vm-table-wrap{padding: 15px 15px 15px 40px;height: 100%;}
.vm-table-wrap table{
    user-select:none;
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: collapse;
    table-layout : fixed
}
.vm-table-wrap th,.vm-table-wrap td{
    padding:8px;white-space:nowrap;border:1px solid #ddd
}
.vm-table-wrap th{
    background: rgb(255, 204, 50);
    color: #666;
}
.vm-table-wrap td{
    font-size: 12px;white-space: normal;
}
.vm-table tbody>div{display: none;}
.vm-point-thumb{
    cursor: pointer;
    border: none;
    height: 85px;
    max-width: 200px;
}
.vm-point-photowrap{position: relative;display: inline-block;min-width:110px;min-height:80px;background: #888;text-align: center;font-size: 14px;}
.vm-point-photowrap>div::before{content:"";display: inline-block;width:1px;height:80px;margin-right:-1px;vertical-align: middle;}
.vm-point-photowrap img{display: inline-block;vertical-align: middle;}
.vm-point-photomask{background-color: rgba(0,0,0,0.5);text-align: center;align-items:center;display: none;position: absolute;width:100%;top:0;bottom:0;justify-content: center;}
.vm-point-photomask a{color:#fff;cursor: pointer;}
.vm-point-photomask a:hover{text-decoration: underline;}
.vm-point-photowrap:hover .vm-point-photomask{display: flex;}
.vm-reason{color:red;font-weight: bold;}
.vm-point-zoom{position: absolute;width:24px;height:24px;right:0;bottom:0;background: url(../images/zoom.png) no-repeat center center;;}
.vm-tr-hover{background: #aaccff;}
.vm-audit .side-tabs{left:0}
.pagination {
    padding: 0 5px 2px 0;float:right;
    height: 24px;line-height: 24px;margin-right:10px;
}
.pagination-info{ color:#666;margin-right:16px }
.pagination .btn{ color:#777;display:inline-block;margin:0 3px; }
.pagination .disabled, .pagination .btn.disabled{ color:#bbb }
.pagination .pull-right{ margin-right:20px; }
.pagination ul {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
  padding: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination a{ cursor:pointer; }
.pagination ul > li {  display: inline;}
.pagination ul > li > a,
.pagination ul > li > span {
    opacity:0.8; font-size: 12px; color:#888;
    float: left;
    padding: 1px 10px;
    line-height: 22px;
    text-decoration: none;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0%,rgba(229,229,229,1.0)),color-stop(100%,rgba(200,200,200,1.0)));
    border-right: 1px solid #ccc;
    margin: 0
}
.pagination ul > li:first-child a{
  border-left: 1px solid #ccc;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
    opacity: 1;
    background: #FFF;
    color: #333;
    cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #bbb;
  cursor: default;
  background-color: transparent;
}
.pull-right{float: right;}
.vm-icon{display: inline-block;width:18px;height:22px;vertical-align: top;background-repeat: no-repeat;background-position:center center;margin-right:2px}
.icon-mark{background-image: url(../images/edit.png);}
.icon-audit{background-image: url(../images/tick.png);}
.vm-audit-wrap{display: inline-block;position: relative;}
.vm-reasonlist{padding:5px;border:1px solid #ddd;position: absolute;top:25px;left:-100px;width:182px;border-radius: 5px;white-space: normal;background: #f8f8f8;z-index:100}
td .vm-reasonlist{white-space: normal;}
.vm-reasonlist input{margin:2px 2px 2px 0;}
.vm-reasonlist::before{content:"";position: absolute;top:-5px;left:122px;
                       border-bottom:5px solid #ddd;border-left:4px solid transparent;border-right:4px solid transparent;
                      }
.vm-reasonlist::after{content:"";position: absolute;top:-4px;left:122px;
                       border-bottom:5px solid #f8f8f8;border-left:4px solid transparent;border-right:4px solid transparent;
                      }
